default: document.body.scrollTop = document.documentElement.scrollTop = div1- menuHeight;

switch (index) {

case 0: document.body.scrollTop = document.documentElement.scrollTop = div1 - menuHeight; break;

（2）锚点定位。点击tab，设置页面滚动距离。

监听scroll事件，获取页面的滚动距离，一旦滚动距离大于目标值，实现滑动吸顶功能。

</template>  

const menuHeight= (document.getElementById('menu') as any).offsetHeight;

<div></div>

const div1= (document.getElementById('div1') as any).offsetTop;

this.activeIndex = index;

public mounted() {

} else {

<div></div>

<div>

<ul>

}  

window.addEventListener('scroll', this.handleScroll);

这篇文章主要介绍了vue滑动吸顶及锚点定位的示例代码,代码简单易懂，非常不错对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下。

const div2= (document.getElementById('div2') as any).offsetTop;

case 3: document.body.scrollTop = document.documentElement.scrollTop = div4 - menuHeight; break;

public destroyed() {